<template>
  <div class="inner">
    <div class="ibody">
      <div class="ib-inner">
        <div class="ipart">
          <div class="qr">
            <el-image :src="barcodePng" fit="contain" />
          </div>
        </div>
        <div class="ipart">
          <div class="label">寄件方</div>
          <div class="value">XXX市PBM中心药房</div>
        </div>
        <div class="ipart">
          <div class="label">收件方</div>
          <div class="value">
            <span class="v-name">张卫健</span>
            <span class="v-phone">13299821121</span>
          </div>
          <div class="value sim-size mt20">
            北京市朝阳区xxxx街道xxxx栋三元桥凤凰置地广场A座2107室
          </div>
        </div>
        <div class="ipart">
          <div class="label">订单编号: 10219200922008001</div>
          <div class="value value-img">
            <el-image :src="barcodePng" fit="contain" />
          </div>
        </div>
        <div class="ipart">
          <div class="label">
            备注：患者用药，费用已付，派送不成功请联系400-123-7671。
          </div>
          <div class="label">
            保留此包裹时，代表您已签收并确认配送商品信息。
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import barcodePng from "@/assets/img/barcode.png";
</script>
<style lang="scss" scoped>
.inner {
  .ibody {
    width: 600px;
    margin: auto;
    .ib-inner {
      border: 1px solid #bbb;
      .ipart {
        border-bottom: 1px solid #bbb;
        font-size: 20px;
        padding: 16px;
        box-sizing: border-box;
        .qr {
          width: 90%;
          text-align: center;
          margin: auto;
        }
        .label {
          margin-bottom: 10px;
        }
        .value {
          &.sim-size {
            font-size: 16px;
          }
        }
        .value-img {
          text-align: center;
        }
      }
    }
  }
}
</style>
